<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>合同模板管理</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="/vendors/iconfonts/mdi/css/materialdesignicons.min.css"/>
    <link rel="stylesheet" href="/vendors/css/vendor.bundle.base.css"/>
    <!-- endinject -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <link rel="stylesheet" href="/css/style.css"/>
    <!-- endinject -->
    <link rel="shortcut icon" href="/images/favicon.png"/>
</head>
<body style="background-color: rgb(249,249,249)">
<div class="card-body" style="width: 1100px">

    <h5 class="card-title"><i class="mdi mdi-home"></i><span style="vertical-align: inherit"><span
            style="vertical-align: inherit">首页/产品工厂/合同模板管理</span></span></h5>
    <div class="form-group" style="background-color: white;width:1000px;height: 60px">
        <input type="text" class="form-control" id="exampleInputName1" required="required" placeholder="合同编号"
               style="width: 200px;height:30px;display:inline;margin-top: 20px;margin-left: 10px">
        </input>
        <button type="button" class="btn btn-gradient-dark btn-fw "
                style="height:30px;line-height: 5px;margin-left: 10px">查询
        </button>
        <button type="button" class="btn btn-gradient-dark btn-fw "
                style="height:30px;line-height: 5px;margin-left: 450px">新增
        </button>
    </div>
    <table class="table table-primary" style="width: 1000px;text-align: center">
        <thead>
        <p style="background-color:white;height: 50px;margin: 0;width: 1000px" >
            <span style="font-size: 20px;margin-left: 10px;line-height: 50px">数据列表</span>
        </p>
        <tr>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                合同模板编号
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                合同模板名称
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                合同类别
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                合同状态
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                更新时间
            </span></span></th>
            <th><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">
                操作
            </span></span></th>
        </tr>
        </thead>
        <tbody class="table-warning">
        <tr th:each="user:${hctList}" class="table table-info">
            <td><input type="checkbox"/></td>
            <td th:text="${user.contractNo}"></td>
            <td th:text="${user.contractName}"></td>
            <td th:text="${user.contractType}"></td>
            <td th:text="${user.contractStatus}"></td>
            <td th:text="${user.modifyDate}"></td>
            <td>
                <button type="button" class="btn btn-gradient-primary btn-sm">下载</button>
                <button type="button" class="btn btn-gradient-primary btn-sm" style="margin-left: 10px">预览</button>
            </td>
        </tr>
        </tbody>
    </table>
    <div style="margin-top: 30px">
        <ul class="pagination pagination-lg">
<!--            <li><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage=1}}" class="btn btn-primary">首页</a></li>-->
            <li th:class="${indexPage==1}?'disabled' : ''"><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage-1}}" class="btn btn-primary" style="margin-left: 10px">上一页</a></li>
            <li th:if="${indexPage-3 &gt;=1}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage-3}}" th:text="${indexPage -3}" class="btn btn-outline-secondary">1</a></li>
            <li th:if="${indexPage-2 &gt;=1}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage-2}}" th:text="${indexPage -2}" class="btn btn-outline-secondary">1</a></li>
            <li th:if="${indexPage-1 &gt;=1}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage-1}}" th:text="${indexPage -1}" class="btn btn-outline-secondary">1</a></li>
            <li th:class="active"><a href="#" th:text="${indexPage}" class="btn btn-outline-secondary">1</a></li>
            <li th:if="${indexPage+1 &lt;=totalPage}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage+1}}" th:text="${indexPage +1}" class="btn btn-outline-secondary">1</a></li>
            <li th:if="${indexPage+2 &lt;=totalPage}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage+2}}" th:text="${indexPage +2}" class="btn btn-outline-secondary">1</a></li>
            <li th:if="${indexPage+3 &lt;=totalPage}" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage+3}}" th:text="${indexPage +3}" class="btn btn-outline-secondary">1</a></li>
            <li th:class="${indexPage==totalPage}?'disabled' : ''" ><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage+1}}" class="btn btn-primary">下一页</a></li>
<!--            <li><a th:href="@{'/hzp/pageHCT/pageList/' + ${indexPage=totalPage}}" class="btn btn-primary" style="margin-left: 10px">末页</a></li>-->
        </ul><br/>
    </div>
</div>
</body>
</html>
